@tailwind base;
@tailwind components;
@tailwind utilities;

body {
    @apply font-sans;
}

input {
    @apply border;
    @apply border-solid;
    @apply border-gray-300;
    /* @apply rounded-md; */
    @apply px-4;
    @apply py-2;
}

.prompt-button {
    @apply cursor-pointer underline text-gray-500;
}

i {
    @apply font-normal;
}

.border-hairline {
    @apply border border-black border-opacity-10;
}

.button {
    @apply bg-black hover:bg-gray-800 text-white rounded-r-md inline-block px-5 py-3;
}

.image-wrapper {
    width: 100%;
    aspect-ratio: 1 / 1;
    position: relative;
}
